<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<!--
	$Date: 2007-09-29 16:14:11 +0000 (Sat, 29 Sep 2007) $
	$Rev: 76 $
	$Author: mca@amundsen.com $
-->
<head>
    <title>Bubble Tooltips</title>
</head>
<body>
    <div id="container">
        <h1>Sample Bubble Tooltips</h1>
        <p>
            Ioieoou u aiaiii eeo uuouai <a href="http://someplace.com/" title="this is a tooltip">someplace</a>
            euoiuo iaoieiu uue oo uoii ouau iiueoaio oieae auio eea eeuiu aiueoe i iiueoea e iiiuooea ooa aua
            i uuo uuiai u ueiou uiu. Ueei eu i iuie ua iauueo ii eiuue eaei ou iaaa ieuei eieeiui oei euoeee
            eoooeoe uooeo au oiiio iouioeu uouiiia euu iaueiiu euiauoo eue ai i ioieua uuea ie oeao o uui.
        </p>
        <p>
            Uiuae ueoui eoie eaeooe u uaoeieu eeoe uiuia iieuoo iui eeo ee
            <a href="http://webmediatools.com" title="this is another tooltip that is a bit longer">webmediatools.com</a>
            a ie e. Ooeuieo ieiouiei oieaia ueuo oaeeaio iuau ueo uu i eei eioi. Ueeo aeaeuoi ouoeiu ieeue ouiu
            uaeoo uuoeu  ioeou eeoui oeuiouu oouoie eiou e oi i uio iu ieo oeouuoo u i ooueeeo e ua a oioou iio
            uee oi eioo oeoou uuaaoau ueeoeoo.
        </p>
        <p>
            Eeii oeo u oiao ooi oaiooo iu iuouuu <a href="http://firstfan.com"
            title="This is a much longer tooltip that shows there is a limit to how much text you want to try to show in a single tooltip">First Fan</a>
            uiuoe ooueee uuuu ioui u iu uu ueii iuaeo euuie iioai ieeuiii oooeoia ie aaauuee iiau ieoiu uea iee
            iaeui eeouuae ieeuo eau i eiueii uoioa eeo uu.
        </p>
    </div>
</body>
<script type="text/javascript" src="bt-p.js"></script>
<script type="text/javascript">
    window.onload=function()
    {
        var bt = new BubbleTips();
        bt.init();
    };
</script>
</html>